<template>
  <div class="hello">
    <index-header></index-header>
    <index-banner></index-banner>
    <index-join-form></index-join-form>
    <index-to-index></index-to-index>
    <index-active></index-active>
    <index-chugui></index-chugui>
    <index-yigui></index-yigui>
    <index-design-case></index-design-case>
    <div class="show"></div>
  </div>

  
</template>

<script>
import IndexHeader from './components/Header.vue';
import IndexBanner from './components/Banner.vue';
import IndexJoinForm from './components/JoinForm.vue';
import IndexToIndex from './components/ToIndex.vue';
import IndexActive from './components/Active.vue';
import IndexChugui from './components/Chugui.vue';
import IndexYigui from './components/Yigui.vue';
import IndexDesignCase from './components/DesignCase.vue';
export default {
  name: 'Index',
  components:{
    IndexHeader,
    IndexBanner,
    IndexJoinForm,
    IndexToIndex,
    IndexActive,
    IndexChugui,
    IndexYigui,
    IndexDesignCase
  },
  data () {
    return {
      msg: 'index'
    }
  }
}
</script>

<style lang="stylus" scoped>
.show
  height 400px
</style>
